<nav class="navbar navbar-custom" role="navigation">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="<?php echo base_url() ?>"><b>BA LÁ TRÀ</b></a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse navbar-ex1-collapse">
        <?php
        echo $str_menu;
        ?>
        <script type="text/javascript">
            $(document).ready(function() {
                for (i = 1; i <= 3; i++) {
                    if (i != 1)
                        $("li.level-" + i).has("ul").addClass('dropdown');
                    else {
                        $("li.level-" + i).has("ul").addClass('dropdown fix-h');
                    }
                }
            });
        </script>
    </div><!-- /.navbar-collapse -->
</nav>
<script src="<?php echo templateUrl() ?>js/bs-hover-dropdown.js"></script>